<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input id="inputId" type="text" value="Hello JQuery" />
		
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// JS DOM
			var domObj = document.getElementById('inputId');
			console.log(domObj.value);
			// domObj.value = 'Hello Java';
			// JQuery 对象
			var jQueryObj = $('#inputId');
			console.log(jQueryObj.val());
			// attr:attribute  field  property
			console.log(jQueryObj.attr('value'));
			console.log(jQueryObj.attr('type'));
			// jQueryObj.attr('value', 'Hello Java');
			jQueryObj.val('Hello Mysql');
		</script>
	</body>
</html>
